import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/Users.vue'
import Rights from '../components/power/Rights.vue'
import Roles from '../components/power/Roles.vue'
import Cate from '../components/goods/Cate.vue'
import Params from '../components/goods/Params.vue'
import GoodsList from '../components/goods/List.vue'
import Add from '../components/goods/Add.vue'
import Order from '../components/order/Order.vue'
import Report from '../components/report/Report.vue'




Vue.use(VueRouter)

const routes = [
  {
    path:'/',redirect:'/login'
  },
  {
    path:'/login',
    name:Login,
    component:Login
  },
  {
    path:'/home',
    name:Home,
    component:Home,
    redirect:'/welcome',
    children:[
      { path:'/welcome', name:Welcome, component:Welcome },
      { path:'/users', name:Users, component:Users },
      { path:'/rights', name:Rights, component:Rights },
      { path:'/roles', name:Roles, component:Roles },
      { path:'/categories', name:Cate, component:Cate },
      { path:'/params', name:Params, component:Params },
      { path:'/goods', name:GoodsList, component:GoodsList },
      { path:'/goods/add', name:Add, component:Add },
      { path:'/orders', name:Order, component:Order },
      { path:'/reports', name:Report, component:Report }
      
    ]
  }
]

const router = new VueRouter({
  routes
})

//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
  // to将要访问的路径
  // from代表从哪个路径跳转而来
  // next是一个函数，表示放行
    // next()  放行  next('/login') 强制跳转
  if(to.path === '/login')return next();
  //获取token
  const token =window.sessionStorage.getItem('token')
  if(!token)return next('/login')
  next()
})



export default router
